<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <input
      style="color: red"
      type="text"
      name="username"
      id="inputA"
      age="20"
    />
    <script>
      /*
            获取特性
            1. 可以通过属性获取，因为dom的部分属性是依据特性创建的
            2. 通过dom对象给出的方法getAttribute获取，既可以获取标准特性，也可以获取自定义特性
        */
      const inputA = document.getElementById("inputA");

      for (let att of inputA.attributes) {
        console.log(att.value);
      }

      // console.log(inputA.attributes.name.value);
      // console.log(inputA.getAttribute("name"));

      // console.log(inputA.attributes.style.value);
    </script>
  </body>
</html>
